<template>
<!-- 吸顶的头部 -->
 <AppHeaderSticky />
  <!-- 顶部导航栏 -->
  <App-topnav></App-topnav>
  <!-- 头部 -->
  <App-header></App-header>
  <main>
    <!-- 二级路由 -->
    <Router-view></Router-view>
  </main>
  <App-footer></App-footer>
</template>

<script>
import AppTopnav from '@/components/app-topnav.vue'
import AppHeader from '@/components/app-header.vue'
import AppFooter from '@/components/app-footer.vue'
import { useStore } from 'vuex'
import AppHeaderSticky from '@/components/app-header-sticky.vue'
export default {
  components: { AppTopnav, AppHeader, AppFooter, AppHeaderSticky },
  setup () {
    const store = useStore()
    store.dispatch('category/findAllCategory')
  }
}
</script>

<style>
</style>
